<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>


  <script>
    // class 和 extends语法补充
    // class是构造函数的语法糖: 🔔 class 就是 构造函数
    // 注意: 语法糖代表本质是一个东西, 只是语法简介

    // ES6之前, 构造函数
    // function Person(name, age) {
    //   this.name = name;
    //   this.age = age
    // }

    class Person {
      // 属性
      name = "zs"

      // 💥这不是对象的花括号, 用 = 连接属性和值
      age = 30

      // 方法
      sayHello() {
        console.log('我被调用了  ----->  ',);
      }
    }


    // extends表示继承爸爸所有的属性和方法
    class BlackPerson extends Person {
      color = 'black'
    }

    const ls = new BlackPerson();


    ls.sayHello()



  </script>
</body>

</html>